<template>
    <div class="shopping-wrap">
        <a-modal :visible="visible" title="全部订单" @cancel="cancel" :footer="null">
            <a-tabs type="card">
                <a-tab-pane v-for="(item,index) in tabList" :key="index" :tab="item">
                    <shoppingAndCartItem></shoppingAndCartItem>
                    <shoppingAndCartItem></shoppingAndCartItem>
                    <shoppingAndCartItem></shoppingAndCartItem>
                </a-tab-pane>
            </a-tabs>
        </a-modal>
    </div>
  </template>
  
  <script>
  import shoppingAndCartItem from "./shoppingAndCartItem.vue"
  export default {
    name: 'shopping',
    components: {
        shoppingAndCartItem
    },
    props:['visible'],
    methods:{
        cancel(){
            this.$emit('shoppingNotShow')
        }
    },
    data(){
        return{
            tabList:['待付款','待发货','待收货','待评价','退款']
        }
    }
  }
  </script>
  
  <style scoped lang="less">

  </style>
  